<script setup lang="ts">
import mp3 from '~/assets/imgs/banner/banner-mp3.png';
import pc3 from '~/assets/imgs/banner/banner-pc3.png';

const bp = useAppBreakpoints();
</script>

<template>
  <swiper-slide class="swiper-slide">
    <div class="swiper-slide__item">
      <img v-if="bp.tabletl" :src="pc3">
      <img v-else :src="mp3">
      <div class="swiper-slide__item-content">
        <I18nT keypath="gIndSjV1k9SUh1Qk422" tag="div" class="title">
          <template #highlightTxt>
            <span class="text-yellow">25%</span>
          </template>
        </I18nT>
        <div class="sub-title">
          {{ $t('d7hpFrjtl413P68DbhBSh') }}
        </div>
      </div>
    </div>
  </swiper-slide>
</template>

<style scoped lang="scss">
@use './style.scss';
</style>
